<template>
	<div class='container'>
		<div class='select-type' v-if='firstPage'>
			<p>请选择活动类型</p>
			<div class='warning'>
				<p>商家注意：</p>
				<p>1.请准确填写信息，适当发挥空间让步我是你是凑字</p>
				<p>2.请准确填写信息，适当发挥空间让步我是你是凑字</p>
			</div>
			<p class='select-platform'>选择平台</p>
			<ul class='store-name'>
				<li class='noc' @click="itemClick(item)" v-for='(item,index) in imgList' :key='index' :class='{active:item.spell===itemSpell}'>
					<div class='noc-img'>
						<img :src="item.img" alt="">
					</div>
					<div class='noc-text'>
						<p>{{item.text}}</p>
						<p>{{item.spell}}</p>
					</div>
				</li>
			</ul>
			<div class='select-store'>
				<span>选择店铺</span>
				<span @click="addStore">添加店铺</span>
			</div>
			<ul class='add-store'>
				<li>
					<el-radio-group v-model="shopsId">
						<el-radio :label="item.id" v-for='(item,index) in dataList' :key='index'>
							<span class='storename'>{{item.shop_name}}</span>
							<!-- <span class='storename'>{{item.shop_owner}}</span> -->
						</el-radio>
					</el-radio-group>
				</li>
			</ul>
			<el-dialog :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
				<div style="margin: 20px;"></div>
				<el-form :rules="rules" ref="formLabelAlign" :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
					<el-form-item label="店铺名称" prop='shopName'>
						<el-input v-model="formLabelAlign.shopName" onkeyup="this.value=this.value.replace(/\s+/g,'')"></el-input>
					</el-form-item>
					<el-form-item label="主旺旺ID" prop='shopOwner'>
						<el-input v-model="formLabelAlign.shopOwner" onkeyup="this.value=this.value.replace(/\s+/g,'')"></el-input>
					</el-form-item>
				</el-form>
				<span slot="footer" class="dialog-footer">
					<el-button @click="dialogVisible = false">取 消</el-button>
					<el-button type="primary" @click="confirm('formLabelAlign')">确 定</el-button>
				</span>
			</el-dialog>
			<el-button type='primary' class='next-step' @click='nextStep'>下一步</el-button>
		</div>
	</div>
</template>
<script src='./SelectPath.js'>

</script>
<style lang='scss' scoped>
@import "./SelectPath.scss";
</style>
